<template>
  <fieldset>
    <legend>详情页</legend>
    <h2>{{ current.id }}</h2>
    <h2>{{ current.de }}</h2>
  </fieldset>
</template>

<script>
let data = [
  { id: "1", de: "11111111111111111111111111111111" },
  { id: "2", de: "22222222222222222222222222222222" },
  { id: "3", de: "33333333333333333333333333333333" },
];

export default {
  data() {
    return {
      arr: data,
      current: "",
    };
  },
  props: ["id"],
  mounted() {
    // let id = this.$route.params.id;
    let id = this.id;
    console.log(id);
    this.current = this.arr.find((item) => item.id == id);
    console.log(this.$route);
  },
};
</script>

<style></style>
